<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/common.css">
    <title>衢贤</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="shrotcut icon" href="../img/favicon.ico">
</head>

<body>
    <a name="dingbu"></a>
    <div class="header">
        <div class="top">
            <img src="../img/scanning.png" alt="scanning.png" class="scanning">
            <label>
                <input type="text" placeholder="搜索">
            </label>
            <img src="../img/mold.png" alt="mold.png" class="mold">
        </div>
        <div class="banner">
            <a href="#">
                <img src="../img/banner2.png" alt="banner2.png">
            </a>
        </div>
        <ul class="nav">
            <li>
                <a href="#">
                    <img src="../img/yoga.png" alt="yoga.png">
                    <p>瑜伽系列</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="../img/bodybuilding.png" alt="bodybuilding.png">
                    <p>健身系列</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="../img/toys.png" alt="toys.png">
                    <p>玩具系列</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="../img/wading.png" alt="wading.png">
                    <p>涉水系列</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="discount">
        <div class="title">限时优惠</div>
        <ul class="tags">
            <li>
                <a href="#">
                    <div class="discount-img">
                        <img src="../img/dragon-ball.png" alt="dragon-ball.png">
                    </div>
                    <p>珠光瑜伽球直径75cm健身球 环保磨砂大龙球</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="discount-img">
                        <img src="../img/yoga-mat.png" alt="yoga-mat.png">
                    </div>
                    <p>NBR瑜伽垫 加大加厚加长防滑瑜伽垫</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="discount-img">
                        <img src="../img/yoga-mat.png" alt="yoga-mat.png">
                    </div>
                    <p>NBR瑜伽垫 加大加厚加长防滑瑜伽垫</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="discount-img">
                        <img src="../img/dragon-ball.png" alt="dragon-ball.png">
                    </div>
                    <p>珠光瑜伽球直径75cm健身球 环保磨砂大龙球</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="recommend">
        <div class="title">精品推荐</div>
        <div class="tags">
            <div class="left">
                <a href="#">
                    <div class="left-img">
                        <img src="../img/inhand.png" alt="inhand.png">
                    </div>
                    <p>inhand新款婴儿浴盆宝宝沐浴盆充气浴盆大号加厚婴儿洗澡盆用品</p>
                </a>
            </div>
            <div class="right">
                <a href="#" class="right-top">
                    <div class="right-img">
                        <img src="../img/dumbbell-1.png" alt="dumbbell-1.png" class="img-o">
                        <img src="../img/dumbbell-2.png" alt="dumbbell-2.png" class="img-f">
                    </div>
                    <p>女士女式骨头浸塑哑铃 彩色哑铃家用健身运动器材</p>
                </a>
                <a href="#" class="right-bottom">
                    <div class="right-imgs">
                        <img src="../img/pads.png" alt="pads.png">
                    </div>
                    <p>NBR瑜伽垫 加大加厚加长防滑瑜伽垫</p>
                </a>
            </div>
        </div>
    </div>
    <div class="hot">
        <div class="title">热卖TOP</div>
        <a href="#" class="pads-o">
            <div class="pads-tags">
                <img src="../img/padss.png" alt="padss.png">
                <span>NBR瑜伽垫 加大加厚加长防滑瑜伽垫</span>
            </div>
        </a>
        <a href="#" class="pads-f">
            <div class="pads-tags">
                <img src="../img/inhands.png" alt="inhands.png">
                <span>新款婴儿浴盆宝宝沐浴盆充气浴盆大号加厚婴儿洗澡盆用品</span>
            </div>
        </a>
        <a href="#" class="pads-t">
            <div class="pads-tags">
                <img src="../img/dragon.png" alt="dragon.png">
                <span>NBR瑜伽垫 加大加厚加长防滑瑜伽垫</span>
            </div>
        </a>
    </div>
    <div class="footer">
        <img src="../img/diandiandian.png" alt="diandiandian.png">
        <a href="#dingbu" class="btn"><span>返 回 顶 部</span></a>
    </div>
    <div class="menu-bar">
        <a href="javascript:;" class="list on">
            <span class="icon icon-home"></span>
            <i>首页</i>
        </a>
        <a href="javascript:;" class="list">
            <span class="icon icon-type"></span>
            <i>分类</i>
        </a>
        <a href="javascript:;" class="list">
            <span class="icon icon-shop"></span>
            <i>购物车</i>
        </a>
        <a href="javascript:;" class="list">
            <span class="icon icon-order"></span>
            <i>我的订单</i>
        </a>
        <a href="javascript:;" class="list">
            <span class="icon icon-user"></span>
            <i>我</i>
        </a>
    </div>

    <script src="../lib/jquery/dist/jquery.js"></script>
    <script src="../lib/resetRem.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>